<template>
  <div class="WriteArticleBox transition-box">
    <div
      class="Box"
      :class="{
        dark: theme.state.themeState == 'drak',
        light: theme.state.themeState == 'light',
      }"
    >
      <div class="title">发表文章</div>
      <InputComm :option="InputCommOption"></InputComm>
    </div>
  </div>
</template>

<script lang="ts">
import { Options, Vue } from "vue-class-component";
import { useStore } from "vuex";
import InputComm from "../InputCommComp/InputComm.vue";
import ins from "../../utils/Axios";
import { ElMessage } from "element-plus";
@Options({
  components: {
    InputComm,
  },
  mounted() {
    // ins.post("/blog/createBlog", {type:0,}).then((res: any) => {});
  },
})
export default class WriteArticle extends Vue {
  theme: any = useStore();

  InputCommOption: object = {
    emoji: true,
    image: true,
    video: true,
    permissions: true,
    buttonText: "提交",
    placeholder: "请输入相关合法内容~~~~",
  };
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
@import url("../../assets/less/global.less");
@import url("./index.less");
</style>
  